<template>
    <div class="animal-page">
        <div class="content">
            <h3 style="line-height:60px;color:#ff8724">求包养</h3>
            <el-image :src="animal.url"></el-image>
            <p style="line-height:40px">【上海】一点点 暂名：一点点 年龄：6-7个月 性别：母 花色：三花 是否绝育： 是、带小耳标 是否亲近人：非常粘人</p>
            <p style="line-height:40px">领养要求：送养人本人确保已经济独立住处稳定，可以独立承担养猫责任，能做到（有纱窗）宅内养猫，科学喂养，定期疫苗，送养人的同住人一致同意送养人的养猫行为、认可养猫理念、共同维护猫咪的安全和生存。我将送猫上门、并做后期回访。签订领养协议时互相核查双方身份信息。</p>
            <el-card style="margin:10px auto;background-color:#efefef">
                <p style="line-height:32px">致领养人</p>
                <p style="line-height:32px">首先我们的领养是免费的，但是是爱心领养，所以有一定的程序和手续。我们会家访、回访、签订领养协议，我们也会在您养育猫狗不知所措的时候给您提供帮助，帮助您更好地养育猫狗。我们需要不离不弃的领养人，无论猫狗生老病死，领养人都耐心、爱心、付出。我们需要我们的领养人有稳定的工作和经济来源，也希望我们的领养人家中成员都很盼望猫狗的到来，同时，需要领养人掌握科学喂养知识，给猫狗一个幸福健康的家，最重要的，希望领养人不因搬家、结婚、生子等原因抛弃猫狗。每年进行疫苗，适龄绝育，给狗狗上户口，都是领养人需要完成的。</p>
                <p style="line-height:32px">审核程序：</p>
                <ul style="line-height:32px">
                    <li>1、通过网络或电话了解领养人的详细情况；</li>
                    <li>2、领养人来看猫，与猫/狗形成互动，还要看看您喜欢的猫猫/狗狗是否也喜欢您；</li>
                    <li>3、确定好哪只猫咪/狗狗后，我们这边抽派志愿者去您家里进行简单的考察；</li>
                    <li>4、一切顺利后，您就可以为猫猫/狗狗准备必要的东西了；</li>
                    <li>5、东西准备完毕，我们约定一个时间接猫/狗或者送猫/狗；</li>
                    <li>6、在接猫/狗或者送猫/狗的同时，我们签订详细完整的领养协议，并且与猫/狗合照，查看您身份证；</li>
                    <li>7、在领养后的第一个星期，我们会进行一次回访，了解猫猫/狗与您的生活是否已经和谐；</li>
                    <li>8、双方有问题及时沟通解决，形成良好互动。</li>
                </ul>
            </el-card>
            <div class="btns">
                <el-button type="danger" plain icon="el-icon-phone-outline" @click="handleTo">立即领养</el-button>
            </div>
        </div>
    </div>
</template>
<script>
import { delNotice } from "../../api";
export default {
    name:'animal',
    data(){
        return{
            animal:{}
        }
    },
    created() {
        this.animal=JSON.parse(this.$route.query.data)
        // console.log(this.animal)
    },
    methods: {
        handleTo(){
            this.$confirm('确认领养?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
        const userinfo = JSON.parse(localStorage.getItem('userinfo'))
        if(userinfo){
            delNotice({id:row.id,phone:userinfo.phone}).then(res=>{
                if(res.code==200){
                  this.$message({
                    type: 'success',
                    message: '领养成功!'
                  });
                  this.initTableData();
              }
            })
        }else{
            this.$message.error('请先登录！')
            return false
        }
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });          
        });
        }
    },
}
</script>
<style lang="scss">
    .animal-page{
        width: 100%;
        height: calc(100vh - 120px);
        overflow: auto;
        .content{
            width: 1000px;
            margin: 0 auto;
            text-align: left;
            height: 100%;
            position: relative;
            .btns{
                position: absolute;
                right: 0;
                top: 10px;
            }
        }
    }
</style>